<template>
	<view class="content">
		 <view class="iconfont icon-fanhui5 white size60 backImg" @click="$back()"></view>
		<view class="box_center auto  p-bot100">
			<view class="row j-centert">
				<view class="imgTop flexac white size40">邀请记录</view>
			</view>
			
			<view class="d-flex  p-left30  a-center listBox auto m-top40 ">
				<text class="white size28 bold">好友列表</text>
				<text class="white size28 bold m-left130">状态</text>
				<text class="white size28 bold m-left140">注册时间</text>
			</view>
			
			<block v-for="(item,index) in shareList" :key="index">
			<view class="listData auto d-flex j-sb a-center ">
				<view class="d-flex a-center info ">
					<image :src="item.head_image" mode="aspectFit" class="headImg bor_radius"></image>
					<text class="flex-1 ellipsis white size26 m-left10">{{item.nick_name}}</text>
				</view>
				<view class="white size28">{{item.is_auth | is_authTxt}}</view>
				<view class="white h7">{{item.create_time}}</view>
			</view>
			</block>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shareList:[],
			}
		},
		onLoad() {
			this.team();
		},
		methods: {
			team(){
				this.$http.get('/user/team').then(res=>{
					if(res.code != 1) return this.$Toast(res.msg);
					this.shareList = res.data;
				})
			},
		},
		
		filters:{
			is_authTxt(val){
				return val == 1?'已认证':'未认证'
			}
		}
	}
</script>
<style>
	page{
		background: #01032a;
	}
</style>
<style lang="scss" scoped>
	.content{
		width: 100%;
		background-image: url(@/static/imgs/shareBg.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 400rpx;
	}
	.box_center{
		width:664rpx;
		background-image: url(@/static/imgs/deBg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 20rpx;
	}
	.imgTop{
		width:280rpx;
		height: 68rpx;
		background-image: url(@/static/imgs/deTop.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-top:-20rpx;
	}
	.listBox{
		width:600rpx;
		height: 96rpx;
		background-image: url(@/static/imgs/de01.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.listData{
		width:600rpx;
		height: 110rpx;
		border-bottom:1px dashed #9f9ce8;
	}
	.headImg{
		width:48rpx;
		height: 48rpx;
	}
	.info{
		width:210rpx;
	}
</style>
